<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>静态定位</title>
    <style type="text/css">
        body{
            font-size:16px;
            text-align:center; /*文本居中对齐*/
        }
        #block1{
            background-color: gray;
            padding:1em;/*空距为1em*/
        }
        #block2{
            position:static; /*默认情况可以省略*/
            left:20px; /*定义层距离窗口左边20px*/
            top:20px; /*定义层距离窗口顶部20px*/
            background-color:green;
            padding:1em; }
        #block3{
            background-color:red;
            padding:1em;
        }
    </style>
</head>
<body>
<div id="block1">区域一</div>
<div id="block2">区域二</div>
<div id="block3">区域三</div>
静态定位left、top没用
</body>
<html>
